<template>
  <div></div>
</template>

<script setup>
// toRaw: 得到返回 reactive变量或 readonly变量的"原始对象"。
// 语法:：const raw = toRaw(reactive变量或readonly变量)
import { reactive, readonly, toRaw } from "vue";
const uu = { a: 1, b: 2 }; // 原始对象
const user = reactive(uu); // 把uu变成了reactive
const info = readonly(user); // 把reactive变成readonly

// toRaw(user) 把一个reactive打回原形  变成原始对象
// 它们之间的转化是浅copy
// toRaw(user)  和  uu 始终是同一个对象
console.log(toRaw(user));
console.log(toRaw(user) === uu); // true

console.log("-----------");

// toRaw(info) 把一个readmonly打回原形 还是得原始对象
console.log(toRaw(info) == uu);
</script>

<style lang="scss" scoped>
</style>